	function displaySubMenu(li) {
		var subMenu = li.getElementsByTagName("ul")[0]; 
		subMenu.style.display = "block"; 
		subMenu.style.paddingLeft="0px";
		subMenu.style.zIndex="9999";
		subMenu.style.backgroundColor="#FFFFFF";
		subMenu.style.color="#000000";
	} 
	function hideSubMenu(li) { 
		var subMenu = li.getElementsByTagName("ul")[0]; 
		subMenu.style.display = "none"; 
	}
	window.onload=function(){
		var header_nav=document.getElementById("header_nav");
			var header=document.getElementById("header");
			var main_content=document.getElementById("main_content");
			var f1=document.getElementById("f1");
			var x=document.documentElement.clientWidth;
			var y=document.documentElement.clientHeight;
			main_content.style.width=(x-240)+"px";
			main_content.style.height=(y-120)+"px";
			header_nav.style.width=(x-240)+"px";
			f1.style.height=(y-100)+"px";
		var img = document.getElementById("img");
		var note= document.getElementById("note");
		var time;
		img.addEventListener("mouseover",function(){
			note.style.display="block";
		});
		img.addEventListener("mouseout",function(){
			time=setTimeout(function(){
				note.style.display="none";
			},2000)
		});
		note.addEventListener("mouseover",function(){
			clearTimeout(time);
			note.style.display="block";
		});
		note.addEventListener("mouseout",function(){
				note.style.display="none";
		});
		
	}
window.onresize = function(){
var header_nav=document.getElementById("header_nav");
			var header=document.getElementById("header");
			var main_content=document.getElementById("main_content");
			var f1=document.getElementById("f1");
			var x=document.documentElement.clientWidth;
			var y=document.documentElement.clientHeight;
			main_content.style.width=(x-240)+"px";
			main_content.style.height=(y-120)+"px";
			header_nav.style.width=(x-240)+"px";
			f1.style.height=(y-100)+"px";
}